import React, { Component } from 'react'
import './Parent.css'
import { Child1 } from './Child1'
import { Child2 } from './Child2'
export class Parent extends Component {
  state = {
    msg: '',
    mag1: ''
  }

  setMsg = (msg) => {
    console.log(msg);
    this.setState({
      msg: msg
    })
  }
  setMsg1 = (mag1) => {
    console.log(mag1);
    this.setState({
      mag1: mag1
    })
  }
  render() {
    return (
      // 父组件
      <div className="parent">
        <h1>父组件</h1>
        <Child1 msg={this.state.msg} setMsg1={this.setMsg1} />
        <Child2 setMsg={this.setMsg} mag1={this.state.mag1} />
      </div>
    )
  }
}